<!DOCTYPE html>
<html>
<head th:replace="common/header :: header(~{::title},~{::script})">
<title>服务中心</title>
<script type="text/javascript" th:inline="javascript">
	/*<![CDATA[*/
    var context = [[@{/}]];
	/*]]>*/
	
	$(function() {
		//切换main-content
		$("a[data-url]").click(function(evt) {
			if($(this).hasClass('no-impl')){
				alalert.error("暂未实现");
				return false;
			}
			console.log($(this).data("url"));
			
			 loadPage($(this).data("url"));
			 $("ul.treeview-menu li").removeClass("active");
			 $(this).parent().addClass("active");
			 
		});
		
		
		
	});
	
	
		

		    
	</script>
</head>
<body class="hold-transition skin-blue sidebar-mini ">
	<a name="main"></a>
	<div class="wrapper">

		<header class="main-header">

			<!-- Logo -->
			<a href="${basePath}/main" class="logo"> <!-- mini logo for sidebar mini 50x50 pixels -->
				<span class="logo-mini">签证通</span> <!-- logo for regular state and mobile devices -->
				<span class="logo-lg"><b>签证通</b> </span>
			</a>
			<!-- Header Navbar: style can be found in header.less -->
			<nav class="navbar navbar-static-top">
				<!-- Sidebar toggle button-->
				<a href="#" class="sidebar-toggle" data-toggle="offcanvas"
					role="button"> <span class="sr-only">Toggle navigation</span>
				</a>

				<!-- Navbar Right Menu -->

				<div class="navbar-custom-menu">
					<ul class="nav navbar-nav">



						<!-- User Account: style can be found in dropdown.less -->
						<li class="dropdown user user-menu"><a href="#"
							class="dropdown-toggle" data-toggle="dropdown"> <img
								th:src="@{/adminlte/dist/img/user2-160x160.jpg}"
								class="user-image" alt="User Image" /> <span class="hidden-xs">Alexander
									Pierce</span>
						</a>
							<ul class="dropdown-menu">
								<!-- User image -->
								<li class="user-header"><img
									th:src="@{/adminlte/dist/img/user2-160x160.jpg}"
									class="img-circle" alt="User Image" />

									<p>
										Alexander Pierce - Web Developer <small>Member since
											Nov. 2012</small>
									</p></li>
								<!-- Menu Body -->
								<li class="user-body">
									<div class="row">
										<div class="col-xs-4 text-center">
											<a href="#">Followers</a>
										</div>
										<div class="col-xs-4 text-center">
											<a href="#">Sales</a>
										</div>
										<div class="col-xs-4 text-center">
											<a href="#">Friends</a>
										</div>
									</div> <!-- /.row -->
								</li>
								<!-- Menu Footer-->
								<li class="user-footer">
									<div class="pull-left">
										<a href="#" class="btn btn-default btn-flat">Profile</a>
									</div>
									<div class="pull-right">
										<a href="${basePath}/logout" class="btn btn-default btn-flat">Sign
											out</a>
									</div>
								</li>
							</ul></li>
						<!-- Control Sidebar Toggle Button 
						<li><a href="#" data-toggle="control-sidebar"><i
								class="fa fa-gears"></i></a></li>-->
					</ul>
				</div>

			</nav>
		</header>
		<!-- Left side column. contains the logo and sidebar -->
		<aside class="main-sidebar">
			<!-- sidebar: style can be found in sidebar.less -->
			<section class="sidebar">
				<!-- Sidebar user panel -->
				<div class="user-panel">
					<div class="pull-left image">
						<img th:src="@{/adminlte/dist/img/user2-160x160.jpg}"
							class="img-circle" alt="User Image" />
					</div>
					<div class="pull-left info">
						<p>Alexander Pierce</p>
						<a href="#"><i class="fa fa-circle text-success"></i> Online</a>
					</div>
				</div>
				<!-- search form -->
				<form action="#" method="get" class="sidebar-form">
					<div class="input-group">
						<input type="text" name="q" class="form-control"
							placeholder="Search..." /> <span class="input-group-btn">
							<button type="submit" name="search" id="search-btn"
								class="btn btn-flat">
								<i class="fa fa-search"></i>
							</button>
						</span>
					</div>
				</form>
				<!-- /.search form -->
				<!-- sidebar menu: : style can be found in sidebar.less -->
				<ul class="sidebar-menu">
					<li class=" active treeview"><a href="#"> <i
							class="fa fa-calendar-check-o"></i> <span>服务管理</span> <span
							class="pull-right-container"> <i
								class="fa fa-angle-left pull-right"></i>
						</span>
					</a>
						<ul class="treeview-menu ">
							<li><a href="#" data:url="@{/config/index}"><i
									class="fa fa-bicycle"></i>配置管理</a></li>
							<li><a href="#" data:url="@{/order/list}"><i
									class="fa fa-files-o"></i>订单查询</a></li>
							<li><a href="#" data:url="@{/order/add}"><i
									class="fa fa-edit"></i>订单新增</a></li>
							
						</ul></li>

					<!-- 
		<li class="treeview"><a href="http://localhost:8080/AdminEAP/#">
				<i class="fa fa-table"></i> <span>CURD DEMO</span> <span
				class="pull-right-container"> <i
					class="fa fa-angle-left pull-right"></i>
			</span>
		</a>
			<ul class="treeview-menu">
				<li class=""><a href="http://localhost:8080/AdminEAP/#"
					data-url="/AdminEAP/user/list"><i class="fa fa-user"></i>用户列表-Dailog</a></li>
				<li><a href="http://localhost:8080/AdminEAP/#"
					data-url="/AdminEAP/user/tab/list"><i class="fa fa-male"></i>用户列表-Tab</a></li>
				<li><a href="http://localhost:8080/AdminEAP/#"
					data-url="/AdminEAP/user/page/list"><i class="fa fa-user"></i>用户列表-Page</a></li>
			</ul></li>
		<li class="treeview"><a href="http://localhost:8080/AdminEAP/#">
				<i class="fa fa-server"></i> <span>组件使用说明</span> <span
				class="pull-right-container"> <i
					class="fa fa-angle-left pull-right"></i>
			</span>
		</a>
			<ul class="treeview-menu">
				<li><a href="http://localhost:8080/AdminEAP/#"
					data-url="/AdminEAP/markdown/preview/modal"><i
						class="fa fa-windows"></i>窗体-modals</a></li>
				<li><a href="http://localhost:8080/AdminEAP/#"
					data-url="/AdminEAP/markdown/preview/form"><i
						class="fa fa-edit"></i>表单-form</a></li>
				<li><a href="http://localhost:8080/AdminEAP/#"
					data-url="/AdminEAP/markdown/preview/file"><i
						class="fa fa-file-o"></i>附件上传-file</a></li>
			</ul></li>
		<li class="treeview"><a href="http://localhost:8080/AdminEAP/#">
				<i class="fa fa-wrench"></i> <span>系统工具</span> <span
				class="pull-right-container"> <i
					class="fa fa-angle-left pull-right"></i>
			</span>
		</a>
			<ul class="treeview-menu">
				<li><a href="http://localhost:8080/AdminEAP/#"
					data-url="/AdminEAP/markdown/list"><i class="fa fa-edit"></i>我的文章</a></li>
				<li><a href="http://localhost:8080/AdminEAP/#"
					data-url="/AdminEAP/markdown/edit"><i class="fa fa-pencil"></i>Markdown编辑器</a></li>
				<li><a href="http://localhost:8080/AdminEAP/#"
					data-url="/AdminEAP/generator/setting"><i class="fa fa-list"></i>代码生成器</a></li>
				<li><a href="http://localhost:8080/AdminEAP/#"
					data-url="/AdminEAP/generator/list"><i class="fa fa-edit"></i>代码生成器测试</a></li>
				<li><a href="http://localhost:8080/AdminEAP/#"
					data-url="/AdminEAP/job/list"><i class="fa fa-calendar-check-o"></i>任务管理器</a></li>
				<li><a href="http://localhost:8080/AdminEAP/#"
					data-url="/AdminEAP/message/list"><i class="fa fa-list"></i>消息管理器</a></li>
			</ul></li>
		
			 -->
					
				</ul>
			</section>
			<!-- /.sidebar -->
		</aside>

		<!-- Content Wrapper. Contains page content -->
		<div class="content-wrapper" id="mainDiv"></div>
		<!-- /.content-wrapper -->

		<footer class="main-footer text-center">
			<strong>Copyright &copy; 2017 <a
				href="http://www.clianmeng.com">签证通</a>.
			</strong> All rights reserved. <b>Email</b>：rogerfanrui@gmail.com
			&nbsp;&nbsp;&nbsp; <a href="http://www.miitbeian.gov.cn/">xxxxxx号</a>
		</footer>

		<!-- Control Sidebar 系统设置右侧工具栏 -->
		<aside class="control-sidebar control-sidebar-dark"></aside>
		<!-- /.control-sidebar -->
		<!-- Add the sidebar's background. This div must be placed
       immediately after the control sidebar -->
		<div class="control-sidebar-bg"></div>

	</div>

</body>

</html>